/**
*	@package	STARTER Joomla! Template
*	@copyright	Copyright (C) 2009 - 2014 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*	@version	$Id$
*/

/* 
* In this file we define layout such as: dimensions, position, padding, margin, etc. 
* We also define COMMON typography (color, font) - JUST ONLY common style. 
* If template has many preset styles, define typography in preset-style-x.css appropriate each design
*/

/*========================= RESPONSIVE =======================*/

/*======= LARGE RESOLUTION =======*/

@media (min-width: 1200px) {
	.col-lg-reset {
		left: auto;
		right: auto;
	}
	.dj-megamenu-default li a.dj-up_a{padding: 0 12px;font-size: 14px;text-transform: uppercase;}
	.dj-megamenu-default{text-align:center;}
.breadcrumb-header{font-size:36px !important; line-height:40px !important;}
.cont-block{box-shadow: 0 1px 5px rgba(0,0,0,.136);
position: absolute;
top: 50px;
right: 20px;
background: #fff; z-index:99; padding:20px;}
}

/*======= MEDIUM RESOLUTION =======*/

@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-reset {
		left: auto;
		right: auto;
	}
	.dj-megamenu-default li a.dj-up_a{padding: 0 10px;font-size: 14px;text-transform: none;}
	.dj-megamenu-default{text-align:right;}
	.breadcrumb-header{font-size:32px !important; line-height:36px !important;}
	.cont-block{box-shadow: 0 1px 5px rgba(0,0,0,.136);
position: absolute;
top: 50px;
right: 20px;
background: #fff; z-index:99; padding:20px;}
}

/*======= SMALL RESOLUTION =======*/

@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-reset {
		left: auto;
		right: auto;
	}
	.breadcrumb-header{font-size:26px !important; line-height:30px !important;}
	.cont-block{box-shadow: none;
position: relative;
top: 0px;
right: auto;
background: #fff; z-index:99; padding:0px;}
}

/*======= EXTRA SMALL RESOLUTION =======*/

@media (max-width: 767px) {
    .col-xs-reset {
        left: auto;
		right: auto;
    }
	
	/* fixed the modal popup width in small screen */
	#sbox-overlay {
		min-width: 100% !important;
	}
	#sbox-window {
		left: auto !important;
		padding: 0;
		width: 90% !important;
	}
	#sbox-window .sbox-content-iframe > iframe {
		max-width: 100% !important;
	}
	
	/* fixed facebox pop up in small screen (Virtuemart) */
	#facebox { max-width: 90% !important; left: auto !important; }
	#facebox .content { display: block !important; }
	#facebox iframe { max-width: 100% !important; }
	.breadcrumb-header{font-size:22px !important; line-height:28px !important;}
	.social img{height:20px; width:auto;}
	.cont-block{box-shadow: none;
position: relative;
top: 0px;
right: auto;
background: #fff; z-index:99; padding:0px;}
}